<template>
  <div class="contract-details">
    <common-contract ref="contract" :title="$t('message.ht-title')"></common-contract>
    <div class="backBnt">
      <el-button type="primary" @click="back">{{$t('message.fh')}}</el-button>
    </div>
  </div>
</template>

<script>
import commonContract from "@components/commoncontract.vue";

export default {
  data() {
    return {};
  },
  mounted() {},
  components: {
    commonContract
  },
  watch: {
    serviceListMonitor(val) {
      this.serviceList = val;
    }
  },
  methods: {
    back() {
      this.$router.push("/contract");
    }
  }
};
</script>

<style lang="scss" scoped>
.contract-details {
  width: 100%;

  padding: 60px 120px;
  background: #fff;
}

.inner-style {
  width: 100%;
  margin: 0 auto;
}
.divider {
  width: 100%;
  border-top: 1px dashed #d9e1e9;
  margin-top: 12px;
}
.mian-title {
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 16px;
  font-size: 16px;
  border-left: 4px solid #fe8c01;
  padding-left: 10px;
  margin: 12px 0 24px 0;
}
h2 {
  margin: 0 0 30px;
  font-size: 18px;
  text-align: center;
}

.el-form-item {
  margin-bottom: 16px;
}
.spanStyle {
  margin-left: 16px;
  margin-right: 4px;
  font-size: 14px;
  color: #606266;
}
.backBnt {
  width: 100%;
  margin: 50px 0;
  text-align: center;
}
.backBnt button {
  width: 200px;
  height: 32px;
}
</style>
